<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorate="main"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .x_content form ul {
            list-style: none;
        }

        .x_content form ul li {
            width: 350px;
            display: inline-block;
            height:40px;
            line-height: 40px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
<div layout:fragment="content">
    <div class="clearfix"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>
                        服务处理 <i class="fa fa-user"></i>
                        <small>
                            - 您可以通过搜索或者其他的筛选项对用户的信息进行编辑、删除等管理操作。^_^
                        </small>
                    </h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form method="get" action="/service/feedback">
                        <input type="hidden" name="pageIndex" value="1">
                        <ul>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">客户</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="svrTitle" type="text" class="form-control col-md-6 col-xs-12" value="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">概要</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="svrCustName" type="text" class="form-control col-md-6 col-xs-12" value="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">服务类型</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select name="svrType" id="svrType" class="form-control">
                                            <option value="">--请选择--</option>
                                            <option value="">666</option>
                                            <option value="建议">建议</option>
                                            <option value="投诉">投诉</option>
                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询</button>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_content">
                    <p class="text-muted font-13 m-b-30"></p>
                    <div id="datatable-responsive_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                        <div class="row">
                            <div class="col-sm-12">
                                <!--<a href="/chance/add" th:href="@{/chance/add}"-->
                                <!--class="btn btn-success btn-sm">新增用户信息</a>-->
                                <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed" cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
                                    <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="First name: activate to sort column descending" aria-sort="ascending">编号
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            客户
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            服务类型
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            创建人
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            创建日期
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            概要
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" aria-label="Last name: activate to sort column ascending">
                                            操作
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr role="row" class="odd" th:each="deal:${feedbackPage.list}">
                                        <td tabindex="0" class="sorting_1" th:text="${deal.svrId}">2</td>
                                        <td tabindex="0" class="sorting_1" th:text="${deal.svrCustName}">三</td>
                                        <td tabindex="0" class="sorting_1" th:text="${deal.svrType}">咨询</td>
                                        <td tabindex="0" class="sorting_1" th:text="${deal.svrCreateBy}">hlliu</td>
                                        <td tabindex="0" class="sorting_1" th:value="${#dates.format(deal.svrCreateDate,'yyyy-MM-dd')}">2007-12-07 00:00:00.0</td>
                                        <td tabindex="0" class="sorting_1" th:text="${deal.svrTitle}">三</td>
                                        <td>
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-danger">点击操作</button>
                                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                    <span class="caret"></span>
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <ul class="dropdown-menu" role="menu">
                                                    <li><a class="editInfo" th:href="|/service/toedit/${deal.svrId}|" href="/service/edit?svrId=2" data-toggle="tooltip" data-placement="top" title="" data-original-title="编辑">处理</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <div class="dataTables_info" id="datatable-responsive_info"
                                     role="status" aria-live="polite">共<span th:text="${feedbackPage.total}">1</span>条记录
                                    <span th:text="${feedbackPage.current}">1</span>/<span
                                            th:text="${feedbackPage.pages}">5</span>页
                                </div>
                            </div>
                            <span th:text="${page}">fdfd</span>
                            <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers"
                                     id="datatable-responsive_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous"><a
                                                th:href="@{/service/feedback(currPageNo=1)}"
                                                aria-controls="datatable-responsive" data-dt-idx="0"
                                                tabindex="0">首页</a>
                                        </li>
                                        <li class="paginate_button "><a
                                                th:href="@{/service/feedback(currPageNo=${feedbackPage.current}-1)}"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">上一页</a>
                                        </li>
                                        <li class="paginate_button "><a
                                                th:href="@{/service/feedback(currPageNo=${feedbackPage.current}+1)}"
                                                aria-controls="datatable-responsive" data-dt-idx="2"
                                                tabindex="0">下一页</a>
                                        </li>
                                        <li class="paginate_button next"><a
                                                th:href="@{/service/feedback(currPageNo=${feedbackPage.pages})}"
                                                aria-controls="datatable-responsive" data-dt-idx="7"
                                                tabindex="0">最后一页</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>